﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Calendar.aspx.cs" Inherits="CarRent.Pages.Calendar" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <link href="/Styles/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="/Styles/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery.easyui.min.js" type="text/javascript"></script>
    <link href="/Styles/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" />
    <link href="/Styles/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
    <script src="/Scripts/vm/calendar-vm.js" type="text/javascript"></script>
    <style type="text/css">
        #calendar
        {
            width: 100%;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="easyui-layout" style="width: 100%; height: 680px;">
        <div data-options="region:'west',split:true" title="Date" style="width: 190px;">
            <h2>
                First Day of Week</h2>
            <div class="demo-info">
                <div class="demo-tip icon-tip">
                </div>
                <div>
                    Choose the first day of the week.</div>
            </div>
            <div style="margin: 10px 0">
                <select onchange="$('#cc').calendar({firstDay:this.value})">
                    <option value="0">Sunday</option>
                    <option value="1">Monday</option>
                    <option value="2">Tuesday</option>
                    <option value="3">Wednesday</option>
                    <option value="4">Thursday</option>
                    <option value="5">Friday</option>
                    <option value="6">Saturday</option>
                </select>
            </div>
            <div id="cc" class="easyui-calendar" style="width: 180px; height: 180px;">
            </div>
        </div>
        <div data-options="region:'center',title:'Calendar',iconCls:'icon-ok'">
            <div id='calendar'>
            </div>
        </div>
    </div>
</asp:Content>
